<template>
    <!--电脑维修-->
    <div class="box">
        <div class="title">
            {{ datas.title }}
        </div>
        <div class="method">
            {{ datas.use }}
        </div>
        <div v-for="(item,index) in datas.list" :key="index" class="content">
            {{ item.text }}
        </div>
    </div>
</template>
<script>
//mock数据真实服务注释删除
import datas from '../../mock/computerInstallDesc/computerInstallDesc'
export default {
    created() {
        window.HWH5.setNavigationBarTitle({ title: this.$t('navTitle4')  });
        // 真实请求服务方法
        // const userId = this.$store.state.userInfo.userId
        // this.getDatas(userId)
    },
    data() {
        return {
            datas
        }
    },
    methods: {
        // 获取服务接口数据
        // getDatas(userId) {
        //   真实接口服务请求 需要将userInfo中的id作为参数传进去做数据请求
        //   const url = 'https://xxx?userId' + userId;
        //   const _headers = {
        //     'Content-Type': 'application/json'
        //   };
        //   HWH5.fetchInternet(url, {
        //     method: 'get',
        //     headers: _headers
        //   })
        //     .then(res => {
        //       res.json().then(reply => {
        //           //将接口返回数据赋值给热服务
        //           this.datas = reply
        //       });
        //     })
        //     .catch(error => {
        //       console.log('请求异常', error);
        //     });
        // }
    }
}
</script>
<style lang="less" scoped>
.box {
    box-sizing: border-box;
    padding: 12px 16px;
}
.method {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    margin-bottom:20px
}
.title {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #000000;
    letter-spacing: 0;
}
.content {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    margin-bottom: 8px;
}
</style>